<template>
    <div>
        <div class="center" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.5)">
            <iframe
                id="iframeOne"
                class="iframeOne"
                src="static/charting_library-master/indexTwo.html"
                frameborder="0"
                scrolling="no"
            ></iframe>
        </div>
    </div>
</template>
<script>
export default {
    name: "hello",
    data: function() {
        return {
            loading: true
        };
    },
    created() {
        this.loading = true;
        setTimeout(() => {
            this.loading = false;
        }, 1000);
    },
    mounted() {},
    methods: {}
};
</script>
<style lang="less" scoped>
#iframeOne {
    width: 100%;
    height: 1120px;
}
.iframeOne::-webkit-scrollbar {
    display: none;
}
.center {
    padding: 10px 0;
    background-color: #232546;
    box-sizing: border-box;
    margin:0 auto ;
    width: 100%;
}
</style>
